<template>
  <c-button type="link" @click="download">下载模板</c-button>
</template>

<script>
export default {
  props: {
    // 报价类型
    priceType: {
      type: Number,
      default: 1
    }
  },
  methods: {
    // 下载商品信息模板
    download() {
      this.$message.warning("商品信息模板正在下载");
      let str = `品牌,规格,材质,其他,仓库简称,数量,${
        this.priceType === 1 ? "升贴水" : "价格"
      }\n`;
      // 增加\t为了不让表格显示科学计数法或者其他格式
      for (let i = 0; i < str.length; i++) {
        for (const key in str[i]) {
          str += `${str[i][key] + "\t"},`;
        }
        str += "\n";
      }
      // encodeURIComponent解决中文乱码
      const uri = "data:text/csv;charset=utf-8,\ufeff" + str;
      // 通过创建a标签实现
      const link = document.createElement("a");
      link.href = uri;
      // 对下载的文件命名
      link.download = `发布报价模板(${
        this.priceType === 1 ? "点价" : "确定价"
      }).xlsx`;
      link.click();
    }
  }
};
</script>
